<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登入&注册</title>
    <link rel="shortcut icon" href="https://img1.baidu.com/it/u=3600306204,4254793728&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1670950800&t=0ebe2238e63b5b111ff3cc7b908a3d8d" type="image/x-icon"/>
    <link rel="stylesheet" href="../assets/css/animate.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet/less" href="./css/login.less">
    <link rel="stylesheet/less" href="./css/loginmedia.less">
    <!-- swiper -->
    <link rel="stylesheet" href="./assets/css/swiper-bundle.min.css">
</head>
<body>
    <div class="left">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/minimg/2-1.jpeg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/minimg/2-2.jpeg">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>


    <div class="right">
        <div class="top">
            <div class="top-nav">
                <div class="log">
                    <img src="./img/log.png">
                </div>

                <div class="navigation">
                    <div>
                        <a href="./index.html">首页</a>
                    </div>

                    <div>
                        <div>
                            <label for="ck">
                                切换语言
                            </label>
                        </div>

                        <input type="checkbox" name="ck" id="ck">
                        <div class="language">
                            <div>中文</div>
                            <div>英文</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="form">
            <div>
                <input type="radio" name="ra" id="ra1" checked>
                <input type="radio" name="ra" id="ra2">

                <div class="switchover">
                    <div></div>
                    <div></div>
                    <label for="ra1">
                        <div>登入</div>
                    </label>
                    <label for="ra2">
                        <div>注册</div>
                    </label>
                </div>

                <div class="formInput">
                    <div class="input wow fadeInDown" data-wow-delay=".1s">
                        <input type="text" required>
                        <div class="iconfont">&#xe6a4;</div>
                    </div>

                    <div class="input wow fadeInDown" data-wow-delay=".1s">
                        <input type="password" required>
                        <div class="iconfont">&#xe607;</div>
                    </div>

                    <div class="agreement wow fadeInDown" data-wow-delay=".1s">
                        <input type="checkbox" name="agreement" id="agreement">
                        <label for="agreement">
                            <div></div>
                        </label>
                        已阅读并同意帐号<a href="#">用户协议</a>和<a href="#">隐私政策</a>
                    </div>

                    <div class="button wow fadeInDown" data-wow-delay=".1s">
                        登入
                    </div>
                </div>

                <div class="formInput">
                    <div class="input">
                        <input type="text" required>
                        <div class="iconfont">&#xe6a4;</div>
                    </div>

                    <div class="input">
                        <input type="password" required>
                        <div class="iconfont">&#xe607;</div>
                    </div>

                    <div class="agreement wow fadeInDown" data-wow-delay=".1s">
                        <input type="checkbox" name="agreement" id="agreement2">
                        <label for="agreement2">
                            <div></div>
                        </label>
                        已阅读并同意帐号<a href="#">用户协议</a>和<a href="#">隐私政策</a>
                    </div>

                    <div class="button">
                        注册
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="./assets/js/jquery.min.js"></script>
    <script src="./assets/js/wow.min.js"></script>
    <script src="./assets/js/less.min.js"></script>
    <!-- swiper -->
    <script src="./assets/css/swiper-bundle.min.js"> </script>
    
    <script>
        // alert('在浏览器175%缩放下会显示异常')
        new WOW().init();
        // 是否自动切换
        let isAutoplay = true;
        // 切换时间
        let time = 1500;
        let lop = true;
        let pagination = {
            el: '.swiper-pagination'
        };
        let navigation = {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        };
        let mySwiper = new Swiper('.swiper', {
            autoplay: isAutoplay,//可选选项，自动滑动
            speed: time,
            loop: lop,
            pagination: pagination,
            navigation: navigation,
        });
    </script>
</body>
</html>